<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../../styles/pages/cart/cart.css" type="text/css">
    <link rel="stylesheet" href="../../styles/common/base.css" type="text/css">
    <link rel="stylesheet" href="../../styles/common/header+footer.css" type="text/css">
</head>
<body>
    <!-- 头部 -->
    <div class="header-box">
            <div class="header">
                <div class="header-nav">
                    <a class="header-logo" href="../home/home.html">
                        <img src="../imgs/21cake-develop/logo.png" alt="logo">
                    </a>
                    <ul class="nav-box">
                        <li><a href="../home/home.html">首页</a></li>
                        <li><a href="../productList/productList.html">蛋糕</a></li>
                        <li><a href="#">面包</a></li>
                        <li><a href="#">冰淇淋</a></li>
                        <li><a href="#">咖啡下午茶</a></li>
                        <li><a href="#">咖啡全国送</a></li>
                        <li><a href="#">企业专区</a></li>
                    </ul>
                    <div class="right-city-user">
                        <a href="" class="header-app" id="APP" data-id="messageList">APP下载</a>
                        <div class="current-city" data-id="current-city"><a>上海</a><i></i></div>
                        <a class="header-message" data-id="messageList"
                            href="//static.21cake.com//message/center.html">消息</a>
                        <span class="not-login" style="display : none"><a href="../login/login.html">登录</a>/
                            <a href="../register/register.html">注册</a>
                        </span>
                        <span class="logined">
                            <a href="" class="header-user" data-id="header-user" style="display: inline;">
                                <img src="../imgs/21cake-develop/user-img.png">
                            </a>
                        </span>
                        <a href="../cart/cart.html" class="header-cart" id="cart-count-icon">
                            <i></i>
                        </a>
                        <ul class="current-city-list  header-select" id="current-city"
                            style="display: none; height: 174px; padding-top: 12px; margin-top: 0px; padding-bottom: 12px; margin-bottom: 0px;">
                            <li><a href="javascript:void(0);" class="city-id-1"
                                    data-json="{&quot;id&quot;:&quot;1&quot;,&quot;name&quot;:&quot;\u4e0a\u6d77&quot;,&quot;region_id&quot;:&quot;22&quot;}"
                                    style="display: none;">上海</a></li>
                            <li><a href="javascript:void(0);" class="city-id-2"
                                    data-json="{&quot;id&quot;:&quot;2&quot;,&quot;name&quot;:&quot;\u5317\u4eac&quot;,&quot;region_id&quot;:&quot;2&quot;}">北京</a>
                            </li>
                            <li><a href="javascript:void(0);" class="city-id-3"
                                    data-json="{&quot;id&quot;:&quot;3&quot;,&quot;name&quot;:&quot;\u5929\u6d25&quot;,&quot;region_id&quot;:&quot;43&quot;}">天津</a>
                            </li>
                            <li><a href="javascript:void(0);" class="city-id-4"
                                    data-json="{&quot;id&quot;:&quot;4&quot;,&quot;name&quot;:&quot;\u676d\u5dde&quot;,&quot;region_id&quot;:&quot;3134&quot;}">杭州</a>
                            </li>
                            <li><a href="javascript:void(0);" class="city-id-5"
                                    data-json="{&quot;id&quot;:&quot;5&quot;,&quot;name&quot;:&quot;\u65e0\u9521&quot;,&quot;region_id&quot;:&quot;1717&quot;}">无锡</a>
                            </li>
                            <li><a href="javascript:void(0);" class="city-id-6"
                                    data-json="{&quot;id&quot;:&quot;6&quot;,&quot;name&quot;:&quot;\u82cf\u5dde&quot;,&quot;region_id&quot;:&quot;1692&quot;}">苏州</a>
                            </li>
                            <li><a href="javascript:void(0);" class="city-id-7"
                                    data-json="{&quot;id&quot;:&quot;7&quot;,&quot;name&quot;:&quot;\u5e7f\u5dde&quot;,&quot;region_id&quot;:&quot;424&quot;}">广州</a>
                            </li>
                            <li><a href="javascript:void(0);" class="city-id-8"
                                    data-json="{&quot;id&quot;:&quot;8&quot;,&quot;name&quot;:&quot;\u6df1\u5733&quot;,&quot;region_id&quot;:&quot;524&quot;}">深圳</a>
                            </li>
                        </ul>
                        <ul class="header-user-list  header-select" id="header-user" style="">
                            <li><a href="//static.21cake.com//member/orders.html" target="_blank">我的订单</a></li>
                            <li><a href="//static.21cake.com//user-coupon_index.do?back_url=L2NvdXBvbi5odG1s"
                                    target="_blank">我的优惠券</a></li>
                            <li><a href="//static.21cake.com//member/date.html" target="_blank">我的纪念日</a></li>
                            <li><a class="quit" target="_self">退出登录</a></li>
                        </ul>
                        <ul class="message-list-header  header-select" id="messageList"
                            style="display: none; height: 54px; padding-top: 12px; margin-top: 0px; padding-bottom: 12px; margin-bottom: 0px;">
                            <li><a href="//static.21cake.com//message/center.html" target="_blank">通知</a></li>
                            <li><a href="//static.21cake.com//message/center.html?#delivery" target="_blank">物流</a></li>
                        </ul>
                        <dl class="app-list  header-select" id="app-list"
                            style="display: none; height: 115px; padding-top: 10px; margin-top: 0px; padding-bottom: 10px; margin-bottom: 0px;">
                            <dt>
                                <img src="../imgs/21cake-develop/footer-erweima.png" alt="下载APP">
                                <!-- <img src="/themes/site/img/app.jpg" alt=""> -->
                            </dt>
                            <dd>下载享更多优惠</dd>
                        </dl>
                    </div>
                </div>
            </div>
    </div>
    <!-- 中间部分 -->
    <div class="content-box">
        <!-- 公告栏 -->
        <ul class="cart-sales cart-area" style="display: block;">
            <li>
                <ul id="cart-events-box">
                    <li>
                        <p style="margin-top: -10.5px;"><img
                                src="//static.21cake.com/themes/site/img/notic.png"><span>卜壳面包，不添加的味道，马上品尝</span><a
                                href="https://www.21cake.com/gallery-index---0---7.html">点击查看&gt;&gt;</a></p>
                    </li>
                </ul>
            </li>
        </ul>

        <!-- 购物车信息 -->
        <div class="car">
        <div class="cart-goods-info cart-area cart-list">
            <ul class="thead-ul">
                <li class="goods-ti">商品</li>
                <li class="birthday-card-ti">生日牌</li>
                <li class="unit-Price">单价</li>
                <li class="number-ti">数量</li>
                <li class="money-ti" colspan="2">金额</li>
            </ul>
            <div class="tbody-ul">
                <table>

                    <!-- 加价购开始 -->
                    <!-- 普通商品开始 -->
                    <tbody>
                        <!-- <tr id="goods_12_377" class="cart-object-item scene_area ">
                            <td class="goods-img" style="border: none;">
                                <a href="/product-377.html" target="_blank" style="border: none;">
                                    <img
                                        src="//static.21cake.com/public/images/3f/76/92/ce6d4cea07fe0ca4b91ba4c9419f4918.jpg">
                                    
                                </a>
                            </td>
                            <td class="goods-cake" style="border: none;">
                                <div>
                                    <h4 class="cart-title">
                                        <a href="/product-377.html" target="_blank" style="border: none;">Bailey's Love
                                            Triangle 百利甜情人</a>
                                    </h4>
                                    <span class="goods-spec">规格：<span>2.0磅</span></span>
                                    <span class="goods-laid"><i></i>赠送<ins>&nbsp;10&nbsp;</ins>套餐具</span>
                                </div>
                            </td>
                            <td class="select-birthday-td" style="border: none;">
                                <div class="select-birthday" data-spec="2.0磅" data-num="0">
                                    <select name="carlist" form="carform">
                                            <option value="1">生日快乐</option>
                                            <option value="2">节日快乐</option>
                                            <option value="3">Happy Birthday</option>
                                            <option value="4">母亲节快乐</option>
                                    </select>
                                </div>

                            </td>
                            <td class="cart-unit-Price" style="border: none;">
                                ¥298.00 
                            </td>
                            <td class="number-li" style="border: none;">
                                <div class="number quantity-update">
                                    <input type="button" class="minus" disabled="">
                                    <input type="text" class="quantity _quantity  " name="quantity[goods_12_377]"
                                        data-indent="goods_12_377" data-price="298.000" data-max="99" value="1">
                                    <input type="button" class="plus">
                                </div>
                            </td>
                            <td class="money" id="total_amount_goods_12_377" style="border: none;">
                                ¥298.00 </td>
                            <td class="delete" style="border: none;"><a href="#" data-indent="goods_12_377"
                                    style="border: none;"><i></i></a></td>
                        </tr> -->
                        <div class="row" id="view">

                        </div>
                        <!-- 推荐商品 -->
                        <tr>
                            <td colspan="7" class="tableware-list">
                                <ul>
                                    <li><img src="//static.21cake.com/upload/images/47696431578cb52ce8f8788c9927f8ac.jpg"
                                            alt="购磅蛋糕，享29元换购《家常面包》" title="购磅蛋糕，享29元换购《家常面包》">
                                        <div class="right-title">
                                            <h5 title="购磅蛋糕，享29元换购《家常面包》">购磅蛋糕，享29元换购《家常面包》</h5><span>¥41.40/一份</span><a
                                                href="#" class="action-add-to-cart" name="action-add-to-cart_18464"
                                                data-product_id="18464" title="加入购物车"><i></i></a>
                                        </div>
                                    </li>
                                    <li><img src="//static.21cake.com/goods/1459337079137.jpg" alt="百利甜情人" title="百利甜情人">
                                        <div class="right-title">
                                            <h5 title="百利甜情人">百利甜情人</h5><span>¥198.00/1.0磅</span><a href="#"
                                                class="action-add-to-cart" name="action-add-to-cart_365"
                                                data-product_id="365" title="加入购物车"><i></i></a>
                                        </div>
                                    </li>
                                    <li><img src="//static.21cake.com/upload/images/78ad114c07704d96ac2d8123d9ae480c.jpg" alt="黑白巧克力慕斯"
                                            title="黑白巧克力慕斯">
                                        <div class="right-title">
                                            <h5 title="黑白巧克力慕斯">黑白巧克力慕斯</h5><span>¥198.00/1.0磅</span><a href="#"
                                                class="action-add-to-cart" name="action-add-to-cart_525"
                                                data-product_id="525" title="加入购物车"><i></i></a>
                                        </div>
                                    </li>
                                    <li><img src="//static.21cake.com/upload/images/59954fac59f25d03564b474b1a10e385.jpg" alt="浅草"
                                            title="浅草">
                                        <div class="right-title">
                                            <h5 title="浅草">浅草</h5><span>¥198.00/1.0磅</span><a href="#"
                                                class="action-add-to-cart" name="action-add-to-cart_12815"
                                                data-product_id="12815" title="加入购物车"><i></i></a>
                                        </div>
                                    </li>
                                    <li><img src="//static.21cake.com/upload/images/58c4227141bbcf6efe30b5940267a1a9.jpg" alt="榴莲飘飘"
                                            title="榴莲飘飘">
                                        <div class="right-title">
                                            <h5 title="榴莲飘飘">榴莲飘飘</h5><span>¥198.00/1.0磅</span><a href="#"
                                                class="action-add-to-cart" name="action-add-to-cart_257"
                                                data-product_id="257" title="加入购物车"><i></i></a>
                                        </div>
                                    </li>
                                    <li><img src="//static.21cake.com/upload/images/22209c54953376c0478b4ac98490f95c.jpg" alt="芒果奶油蛋糕"
                                            title="芒果奶油蛋糕">
                                        <div class="right-title">
                                            <h5 title="芒果奶油蛋糕">芒果奶油蛋糕</h5><span>¥198.00/2.0磅</span><a href="#"
                                                class="action-add-to-cart" name="action-add-to-cart_9178"
                                                data-product_id="9178" title="加入购物车"><i></i></a>
                                        </div>
                                    </li>
                                    <li><img src="//static.21cake.com/upload/images/23ac6bdfef51b7ee1912919fb5385322.jpg" alt="黑森林(无酒款)"
                                            title="黑森林(无酒款)">
                                        <div class="right-title">
                                            <h5 title="黑森林(无酒款)">黑森林(无酒款)</h5><span>¥268.00/1.0磅</span><a href="#"
                                                class="action-add-to-cart" name="action-add-to-cart_18376"
                                                data-product_id="18376" title="加入购物车"><i></i></a>
                                        </div>
                                    </li>
                                    <li><img src="//static.21cake.com/upload/images/c28932d6886994d259828091a579f744.jpg" alt="朗姆芝士"
                                            title="朗姆芝士">
                                        <div class="right-title">
                                            <h5 title="朗姆芝士">朗姆芝士</h5><span>¥198.00/1.0磅</span><a href="#"
                                                class="action-add-to-cart" name="action-add-to-cart_2161"
                                                data-product_id="2161" title="加入购物车"><i></i></a>
                                        </div>
                                    </li>
                                    <li><img src="//static.21cake.com/goods/14593363138999.jpg" alt="黑越橘" title="黑越橘">
                                        <div class="right-title">
                                            <h5 title="黑越橘">黑越橘</h5><span>¥198.00/1.0磅</span><a href="#"
                                                class="action-add-to-cart" name="action-add-to-cart_585"
                                                data-product_id="585" title="加入购物车"><i></i></a>
                                        </div>
                                    </li>
                                    <li><img src="//static.21cake.com/upload/images/f8d71aa2fbf7ba52c3baa863603747bd.jpg" alt="布朗尼"
                                            title="布朗尼">
                                        <div class="right-title">
                                            <h5 title="布朗尼">布朗尼</h5><span>¥198.00/1.0磅</span><a href="#"
                                                class="action-add-to-cart" name="action-add-to-cart_127"
                                                data-product_id="127" title="加入购物车"><i></i></a>
                                        </div>
                                    </li>
                                    <li class="tableware-row">
                                        <img src="https://static.21cake.com/public/images/2c/6c/6d/3942d4bcfd0d09f48714a9f5b5997290.jpg?1511400718#h"
                                            alt="方形蜡烛">

                                        <div class="right-title">
                                            <h5>方形蜡烛<span>配件</span></h5>
                                            <span>￥8.00</span>

                                            <a href="#" class="action-add-to-cart" name="action-add-to-cart_1977"
                                                data-product_id="1977" title="加入购物车"><i></i></a>
                                        </div>
                                    </li>
                                    <li class="tableware-row">
                                        <img src="https://static.21cake.com/public/images/63/6a/71/84ea7dbb64e18846e0bcdf22172671ae.jpg?1463108691#h"
                                            alt="餐具套餐">

                                        <div class="right-title">
                                            <h5>餐具套餐<span>配件</span></h5>
                                            <span>￥0.50</span>

                                            <a href="#" class="action-add-to-cart" name="action-add-to-cart_1965"
                                                data-product_id="1965" title="加入购物车"><i></i></a>
                                        </div>
                                    </li>
                                </ul>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="cart-submit cart-area">
                <a href="javascript:void(0)" class="cart-submit-empty"><i></i>全部清空</a>
                <ul class="cart-total-detail"><li>商品金额：¥ 596.00</li> <!--- <li>配送费：¥ 0.00</li> ---> <li>活动优惠：¥ 0.00</li></ul>
                <div class="cart-total"><span>合计：¥<span>596.00</span></span></div>
                <span class="cart-balance" id="cost-freight-tip"></span>
        
                <div class="cart-submit-button"><a href="javascript:void(0);" name="action-submit-btn" id="action-submit-btn">去结算</a></div>
        </div>

        </div>
        <!-- 空空如也 -->
        <div class="cart-not-pro">
            <img src="//static.21cake.com/themes/site/img/cartempty.png">
            <span>您的购物车里还没有商品</span>
            <a href="http://localhost:9999/pages/productList/productList.html">去购物 &gt;&gt;</a>
        </div>
        <!-- 商品推荐 -->
        <div class="details-recommend" style="">
            <h2>商品推荐</h2>
            <ul class="recommend-list">
                <li><a href="//static.21cake.com/goods-1070.html" target="_blank" title="家常面包套餐"><img
                            src="//static.21cake.com//upload/images/47696431578cb52ce8f8788c9927f8ac.jpg"
                            alt="家常面包套餐"></a></li>
                <li><a href="//static.21cake.com/goods-748.html" target="_blank" title="四口味挂耳咖啡混合装（4包入）"><img
                            src="//static.21cake.com//upload/images/2f79dc40fd2db4fdad5c52f2c7dfedd2.jpg"
                            alt="四口味挂耳咖啡混合装（4包入）"></a></li>
                <li><a href="//static.21cake.com/goods-774.html" target="_blank" title="Pound cake slice 磅蛋糕切片（核桃）"><img
                            src="//static.21cake.com//upload/images/16402f5f4f006231871d81dc71f35b05.jpg"
                            alt="Pound cake slice 磅蛋糕切片（核桃）"></a></li>
                <li><a href="//static.21cake.com/goods-594.html" target="_blank" title="拷贝蜡烛-爱尔兰咖啡"><img
                            src="//static.21cake.com//upload/images/eb6066c7d9c25ca55e338ee611c897da.jpg"
                            alt="拷贝蜡烛-爱尔兰咖啡"></a></li>
            </ul>
        </div>
       
    </div>
    <!-- 底部 -->
    <div class="footer">
            <img src="../imgs/21cake-develop/footer-logo.png" alt="" class="footer-logo">
            <div class="footer-nav">
                <a href="//static.21cake.com//doc-about-55.html">联系我们</a>
                <span>|</span>
                <a href="//static.21cake.com//doc-distribution-40.html">订购帮助</a>
                <span>|</span>
                <a href="//static.21cake.com//doc-about-56.html">企业合作</a>
                <span>|</span>
                <a href="//static.21cake.com//doc-about-115.html">生产经营资质</a>
                <span>|</span>
                <a href="//static.21cake.com//article-company.html">公告专区</a>
            </div>
    
            <div class="footer-icon">
                <a href="http://weibo.com/21cake" target="_blank">
                    <img src="../imgs/21cake-develop/footericon-01.png">
                </a>
                <a class="footer-weixin">
                    <div class="footer-erweima footer-weixin-erweima" style="display: none;">
                        <img src="../imgs/21cake-develop/erweima.png" style="top: 0px;">
                    </div>
                    <img src="../imgs/21cake-develop/footericon-02.png">
                </a>
                <a class="footer-app">
                    <div class="footer-erweima footer-app-erweima" style="display: none;">
                        <img src="../imgs/21cake-develop/footer-erweima.png" style="top: 0px;">
                    </div>
                    <!-- <img src="//static.21cake.com/themes/site/img/footericon-03.png"> -->
                    APP
                </a>
            </div>
    
            <div class="footer-text">
                <span>订购专线：400 650 2121（服务时间 08:00–22:00），企业团购热线：021-37768396</span>
                <span>客服电话：021-23099721（全国），kefu@21cake.com（邮箱）</span>
                <span>杭州/广州：提前5小时预订；北京：提前6小时预订；上海：提前5.5-6小时预订；天津/苏州/无锡/深圳：提前8小时预订（部分偏远地区除外，当日22点以后订单，于次日8点开始审核） </span>
                <span>当日蛋糕配送截止下单时间：北京：16:50；上海：16:30；杭州/广州：13:50；天津：10:30；苏州/无锡/深圳：11:00</span>
                <span>网站注册公司名称: 北京廿一客食品有限公司 地址: 北京市北京经济技术开发区兴海二街5号院3号楼 </span>
            </div>
    
            <div class="footer-copyright">
                <span>Copyright© 21Cake蛋糕官网商城 2007-2018, 版权所有 <a style="color: #9a9a9a" target="_blank"
                        href="http://www.miitbeian.gov.cn/">京ICP备14006254号-1</a></span>
            </div>
    </div>
</body>
<script src="../../static/script/require.js" data-main="cart.js" type="text/javascript" charset="utf-8"></script>
<!-- 模板 -->
<!-- <script type="text/html" id="modules">
<tr id="goods_12_377" class="cart-object-item scene_area ">
        <td class="goods-img" style="border: none;">
            <a href="/product-377.html" target="_blank" style="border: none;">
                <img src="<%=module[0].img%>"> 
            </a>
        </td>
        <td class="goods-cake" style="border: none;">
            <div>
                <h4 class="cart-title">
                    <a href="/product-377.html" target="_blank" style="border: none;">
                        <%=module[0].name%>
                    </a>
                </h4>
                <span class="goods-spec">规格：<span><%=module[0].size%></span></span>
                <span class="goods-laid"><i></i><%=module[0].tableware%></span>
            </div>
        </td>
        <td class="select-birthday-td" style="border: none;">
            <div class="select-birthday" data-num="0">
                <select name="carlist" form="carform">
                        <option value="1">生日快乐</option>
                        <option value="2">节日快乐</option>
                        <option value="3">Happy Birthday</option>
                        <option value="4">母亲节快乐</option>
                </select>
            </div>

        </td>
        <td class="cart-unit-Price" style="border: none;">
            <%=module[0].price%> 
        </td>
        <td class="number-li" style="border: none;">
            <div class="number quantity-update">
                <input type="button" class="minus" disabled="">
                <input type="text" class="quantity _quantity  " name="quantity[goods_12_377]"
                    data-indent="goods_12_377" data-price="298.000" data-max="99" value="1">
                <input type="button" class="plus">
            </div>
        </td>
        <td class="money" id="total_amount_goods_12_377" style="border: none;">
            ¥298.00 </td>
        <td class="delete" style="border: none;"><a href="#" data-indent="goods_12_377"
                style="border: none;"><i></i></a></td>
    </tr>
</script> -->
<script type="text/html" id="modules">
    <%for(let i = 0 ;i < module.length;i++){%>
    <div id="goods_12_377" class="cart-object-item scene_area ">
            <div class="goods-img" style="border: none;">
                <a href="/product-377.html" target="_blank" style="border: none;">
                    <img src="<%=module[i].img%>"> 
                </a>
            </div>
            <div class="goods-cake" style="border: none;">
                <div>
                    <h4 class="cart-title">
                        <a href="/product-377.html" target="_blank" style="border: none;">
                            <%=module[i].name%>
                        </a>
                    </h4>
                    <span class="goods-spec">规格：<span><%=module[i].size%></span></span>
                    <span class="goods-laid"><i></i><%=module[i].tableware%></span>
                </div>
            </div>
            <div class="select-birthday-td" style="border: none;">
                <div class="select-birthday" data-num="0">
                    <select name="carlist" form="carform">
                            <option value="1">生日快乐</option>
                            <option value="2">节日快乐</option>
                            <option value="3">Happy Birthday</option>
                            <option value="4">母亲节快乐</option>
                    </select>
                </div>
            </div>
            </td>
            <div class="cart-unit-Price" style="border: none;"><%=module[i].price%></div>
            <div class="number-li" style="border: none;">
                <div class="number quantity-update">
                    <input type="button" class="minus" disabled="">
                    <input type="text" class="value" name="quantity[goods_12_377]"
                        data-indent="goods_12_377" data-price="298.000" data-max="99" value="1">
                    <input type="button" class="plus">
                </div>
            </div>
            <div class="money" id="total_amount_goods_12_377" style="border: none;">
                <%=module[i].price%> </div>
            <div class="delete" style="border: none;"><a href="javascript:void(0)" data-indent="goods_12_377"
                    style="border: none;"><i></i></a></div>
        </div>
            <% } %>
    </script>

</html>